<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="${createLinkTo(dir:'css', file:'main2.css')}" />

<title>Shangai Payroll System</title>
</head>
<body>

<div>
    <div align="center" class="header">
    <img src="${createLinkTo(dir:'images', file:'Optimum1.jpg')}" width="388" height="60" /></div>
	<div class="divtopmenu"><g:link class="link1">Terms And Condition</g:link><span class="link1style">&nbsp;|&nbsp;</span>
						    <g:link class="link1">About Us</g:link></div>
    </div>
<div>
<div class="content">
<table align="center" width="600" border="0" cellspacing="10px">
  <tr>
    <td width="350" height="200px" style="border-right:1px dashed #BBB">
    <img src="${createLinkTo(dir:'images', file:'OptimumSol.gif')}" width="331" height="223" />
    </td>
    <td>
   	    <g:form method="post" controller="login" action="doAuthenticate">
            <table align="center" width="100%" border="0" cellpadding="0" cellspacing="0">
              
              <tr>
                <td>
                <table border="0">
                  <tr>
                    <td align="right"  class="label1">User name:</td>
                    <td><input class="textbox2" type="text" name="username" id="username" /></td>
                  </tr>
                  <tr>
                    <td align="right" class="label1">Password:</td>
                    <td><input class="textbox2" type="password" name="password" id="password" /></td>
                  </tr>
                  <tr>
					<td align="right" style="padding-top:10px;"><g:link class="link1" controller="register">Register</g:link></td>
                    <td align="right" colspan="2" style="padding-top:10px"><input class="button1" name="btnSubmit" type="submit" value="Login" /></td>
                  </tr>
                </table>
                </td>
              </tr>
            </table>
        </g:form>
	<!--	<g:if test='${flash.message}'>
		<div class='login_message'>${flash.message}</div>
		</g:if>
		<div class='fheader'>Please Login..</div>
		<g:form action='auth' controller="login" method='POST' class='cssform'>
			<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0">
				<tr>
	              <td>
	                <table border="0">
	                  <tr>
						<td align="right"  class="label1">User name:</td>
						<td>
							<input type='text' class='textbox2' name='j_username' id='j_username' value='${request.remoteUser}' /> 
						</td>
					  </tr>
					  <tr>
						  <td align="right"  class="label1">Password:</td>
						  <td><input type='password' class='textbox2' name='j_password' id='j_password' /></td>
					  </tr>
					  <tr>
						  <td align="right"  class="label1">Remember me:</td>
						  <td><input type='checkbox' class='chk' name='_spring_security_remember_me' id='remember_me'
						  	<g:if test='${hasCookie}'>checked='checked'</g:if> />
						  </td>
					  </tr>
					  <tr>
						  <td align="right" style="padding-top:6px;"><g:link class="link1" controller="register">Register</g:link></td>
						  <td><input type='submit' value='Login' class="button1"/></td>
					  </tr>
					</table>
				  </td>
				</tr>
			</table>
		</g:form>
    </td>
  </table>
</div>
<script type='text/javascript'>

(function(){
document.forms['loginForm'].elements['j_username'].focus();
})();
// -->
</script>
</body>
</html>